@import 'variables.less';
body{
    font-family:"Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}
html,body{


}
.share_page {
    background: #eee !important;
    min-height: 100vh;
    padding: 30*@base_size_t;
    .flex_row {
        //横向
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .flex_colum {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .session1,
    .session2,
    .session3,
    .session4 {
        background: #fff;
        border-radius: 10*@base_size_t;
        margin-bottom: 24*@base_size_t;
    }
    .session1 {
        .top {
            padding: 40*@base_size_t;
            border-bottom: 3*@base_size_t solid #DDDBDB;
            .detail_cont {
                font-size: 50*@base_size_t;
                font-weight:@base_size_weight;
                min-height: 50*@base_size_t;
            }
        }
        .bottom {
            padding: 40*@base_size_t;
            .score_head {
                font-size: 40*@base_size_t;
                .times {
//                  color: #C4C4C4;
                    span{
                        font-size: 40*@base_size_t;
                        color: #ccc;
                        padding-left:15*@base_size_t;
                    }
                }
                .level span {
                    color: #920000;
                    font-size: 40*@base_size_t;
                }
            }
            .score_detail {
                padding: 20*@base_size_t 0;
                .scores .score1 {
                    padding: 15*@base_size_t 0;
                    img {
                        width: 45*@base_size_t;
                        height:45*@base_size_t;
                        vertical-align: middle;
                    }
                    span {
                        font-size: 40*@base_size_t;
                        color: #000;
                        padding-left: 10*@base_size_t;
                    }
                    .score_detail {
                        color: #920000;
                        font-weight: bold;
                    }
                }
            }
        }
    }
    .session2{
        height:670*@base_size_t;
        padding: 40*@base_size_t;
        .session_video{
            height:580*@base_size_t;
            width:100%;
            border-radius: 10*@base_size_t;
        }
    }
    .session3{
        background: #fff;
        padding: 40*@base_size_t;
//      height: 525*@base_size_t;
        .centers{
            background: url('../../src/assets/sharebg.png') no-repeat center;
            background-size: 100% 100%;
            color: #fff;
            font-size:45*@base_size_t;
            .title{
                padding:30*@base_size_t;
                padding-bottom:0;
                
            }
            .desc{
                 padding:30*@base_size_t;
                 line-height:70*@base_size_t;
            }
        }

    }
    .session4{
        background: #fff;
//      height: 400*@base_size_t;
        padding: 40*@base_size_t;
        .sessionbg{
            background: url('../../src/assets/appcode.png') no-repeat center;
            background-size: 100% 100%;
            color: #fff;
            font-size:45*@base_size_t;
            padding:100*@base_size_t 100*@base_size_t;
            .appCont{
//              justify-content: flex-start;
                padding:0 50*@base_size_t;
                .left{
                    text-align: center;
                    width:50%;
                    img{
                        width:200*@base_size_t;
                        height:200*@base_size_t;
                    }
                    div{
                        color:#fff;
                        font-size: 40*@base_size_t;
                        letter-spacing: 10*@base_size_t;
                        font-weight: bold;
                    }
                }
                .right{
                    width:50%;
                    text-align: left;
                    .dload,.gobuy{
                        background: #F1F1F1;
                        border-radius: 60*@base_size_t;
                        font-size:40*@base_size_t;
                        text-align: center;
                      width:280*@base_size_t;
                      height: 80*@base_size_t;
                      line-height: 80*@base_size_t;
                        font-weight: bold;
                        color: #000;
                    }
                    .dload{
                        width:235*@base_size_t;
                        margin-bottom:20*@base_size_t;

                    }
                }
            }
        }
    }
}